<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>ZCX0217</title>
  <meta name="description" content="欢迎访问 ZCX0217，这是一个致力于分享各种实用资源、工具和教程的站点。">
  <link rel="stylesheet" href="css/style.css">
  <link rel="icon" type="image/png" href="/favicon.png">
  <script src="js/calendar.js"></script>
  <script src="js/CRCMenu.v2.js"></script>
  <style>
    .svg-icon {
      width: 1em;
      height: 1em;
      vertical-align: middle;
      fill: none;
      stroke: currentColor;
      display: inline-block;
    }
    .start-button .svg-icon { font-size: 32px; color: #0078D4; fill: #0078D4; stroke: none; }
    .datetime .svg-icon { font-size: 20px; margin-right: 4px; color: #0078D4; stroke: none; fill: #0078D4; }
    .power-option .svg-icon { font-size: 20px; color: #0078D4; }
    .power-confirm-content .svg-icon { font-size: 18px; margin-right: 2px; color: #0078D4; }
  </style>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <div class="wallpaper"></div>
  <div class="desktop-icons">
    <div class="desktop-icon" onclick="openNewApp()">
      <div class="icon-image">
        <svg width="48" height="48" viewBox="0 0 48 48">
          <rect x="4" y="4" width="40" height="32" rx="2" fill="#0078D4" />
          <rect x="8" y="8" width="32" height="8" rx="1" fill="#FFFFFF" />
          <rect x="8" y="18" width="32" height="8" rx="1" fill="#FFFFFF" />
          <rect x="8" y="28" width="16" height="8" rx="1" fill="#FFFFFF" />
        </svg>
      </div>
      <div class="icon-text">测试应用</div>
    </div>
  </div>
  <div class="taskbar">
    <div class="start-button" id="startButton">
      <svg t="1752664688817" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2235" width="32" height="32"><path d="M192.037 287.953h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32zM192.028 543.17h638.608c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.028c-17.673 0-32 14.327-32 32s14.327 32 32 32zM832.161 735.802H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32z" fill="" p-id="2236"></path></svg>
    </div>
    <div class="taskbar-apps" id="taskbarApps"></div>
    <div class="taskbar-spacer"></div>
    <div class="datetime" id="datetime">
      <span id="datetimeText"></span>
    </div>
  </div>
  <div class="power-menu-popup" id="powerMenuPopup">
    <div class="power-menu-content">
      <p>ZCX0217</p>
      <div class="power-options">
        <button class="power-option" onclick="restartSystem()">
          <span>重新加载</span>
        </button>
        <button class="power-option" onclick="shutdownSystem()">
          <span>关闭网页</span>
        </button>
        <button class="power-option" onclick="cancelPowerMenu()">
          <span>取消</span>
        </button>
      </div>
    </div>
  </div>
  <div class="calendar-popup" id="calendarPopup">
    <div class="calendar-content" id="calendarContent">
    </div>
  </div>
  <div class="power-confirm-popup" id="powerConfirmPopup">
    <div class="power-confirm-content">
      <p id="confirmMessage"></p>
      <button onclick="confirmAction(true)">
        确认
      </button>
      <button onclick="confirmAction(false)">
        取消
      </button>
    </div>
  </div>
  <script src="js/script.js"></script>
  <div class="splash-screen">
    <div class="splash-background"></div>
    <div class="splash-loading">
      <img src="loading_black.gif" alt="加载中..." />
      <span style="font-size: 16px; color: #000;">加载中...</span>
    </div>
  </div>
  <script>
  window.addEventListener('load', function() {
    setTimeout(function() {
      const splash = document.querySelector('.splash-screen');
      splash.classList.add('fade-out');
      setTimeout(function() {
        splash.style.display = 'none';
      }, 500);
    }, 2000);
  });
  </script>
</body>
</html>